/*
 *       custom styles
 *          copyrighted 2023 printportal.cz
 *       coded by Ladislav Mazanek 
 *          Lada@mazanydesign.cz
*/


body .mobile-display {
  display: block !important;
}
body .desktop-display {
  display: none !important;
}
@media(min-width: 768px) {
  
  body .mobile-display {
    display: none !important;
  }
  body .desktop-display {
    display: block !important;
  }
}

/** hlavicka */
body .logo-main img {
  margin: 33px 0;
}

/* vypinam drobeckovou navigaci */ 
.kosta-breadcrumb {
  display: none !important;
}

/** homepage UPS */
body .title-short-info-wrapper, 
body .title-short-info-content {
    transform: rotate(0deg);
    background-color: #fff;
}

/** Cookies popup */
body .cookieconsent-modal .modal-content{
    border-radius: 5px;
    text-align: center;
}
body .cookieconsent-modal .modal-header {
    border:0;
}
body .cookieconsent-modal .buttons-row {
        margin: 30px auto 20px;
}
body .cookieconsent-modal .btn.btn-default,
body .cookieconsent-modal .btn-link {
    text-transform: uppercase;
}
body .cookieconsent-modal p {
    margin-top: 25px;
    padding: 5px 15px 0;
}
body .cookieconsent-modal .btn.btn-default {
    letter-spacing: 0.1em;
}
body .cookieconsent-modal .btn.btn-default:hover {
  color: #5845d5 !important; 
}
body .cookieconsent-modal .btn-link:hover {
    color: #4cb227 !important;
}
@media(max-width: 767px) {
    .cookieconsent-modal-logo {
        width: 50%;
        max-width: 135px;
        position:relative;
        top: -5px;
    }
    body .cookieconsent-modal .modal-body {
        padding: 0 15px 10px;        
    }
    body .cookieconsent-modal p {
        text-align: justify;
        margin-top: 15px;
        padding: 0 15px;
    }
}
@media(max-width: 479px) {
    body .cookieconsent-modal p {
        padding: 0 5px;
    }
}

 /** Cookies - manage cookies page */
body.auth-managecookies #body-content .auth-managecookies-categories,
body.auth-managecookies #body-content .buttons-row{
   max-width: 660px;
     margin: 30px auto 0;
}
body.auth-managecookies #body-content .buttons-row {
     text-align: center;
     margin: 50px auto 100px;
}
body.auth-managecookies .body-content-header {
    text-align:center;
}
body.auth-managecookies #body-content input {
    height: auto !important;
    margin-right: 20px;
}
body.auth-managecookies #body-content span {
    font-size: 16px;
    font-weight: 600
}

/** static pages */

body .options-payment .options-shipping-free-bar::before, 
body .options-shipping .options-shipping-free-bar::before {
    content: "0 Kč";
}

body .options-payment .options-shipping-free-bar::after, 
body .options-shipping .options-shipping-free-bar::after {
    content: '2 000 Kč';
}

/** homepage category nav */
body.page-1 .title-category .nav li {
  padding: 8px;
  border: 1px solid #CFD6DF;
  border-radius: 4px;
  margin-bottom: 4px;
}
body.page-1 .title-category .nav li:hover {
    border: 1px solid #5845D5;
}
body.page-1 .title-category .nav li:hover > a {
    color: #5845D5;
}
body.page-1  .title-category .nav .active {
  background: #5845D5;
  border: 1px solid #5845D5;
  border-radius: 4px;
}
body.page-1  .title-category .nav .active a {
  color: #fff !important;
  text-decoration: none;
}
body.page-1 .title-category .nav li a,
body.page-1 .title-category .nav li a:hover
{
    background: none !important;
}


/* HP ups */
body .title-short-info-wrapper, 
body .title-short-info-content {
  transform: rotate(0deg);
  background-color: #fff;
}

body .title-short-info-content {
  padding: 0 0 10px;
}
body .title-short-info-wrapper,
body .title-short-info {
  height: max-content;
  margin: 0;
}

/* prirazim ups k produktum: */
@media (min-width:1200px) {
  body .special-offer, .title-category {
    margin-top: 0px;
  }
}

@media (max-width: 991px) {
  .short-info {
    justify-content: space-around;
  }
  .short-info-item {
    width: 45%;
  }
}
/* -- breakpoint z puvodniho kodu */
@media (max-width: 665px) {
  .title-short-info {
    margin-top: -70px;
  }
  body .title-short-info-wrapper {
    width:100%;
    height: max-content;
  }
  .title-short-info-content {
    padding-top: 20px;
  }
}

@media (max-width:499px){
  .title-short-info {
    margin-top: 0px;
  }
  .title-short-info-wrapper {
    heigth:450px;
    margin: 0 !important;
  }
  .title-short-info-content {
/*    padding-top: 20px;*/
  }
  .short-info-item {
    width: 163px;
  }
}

/* ---- */ 


.hr_page_divider {
  border-top: solid 1px #CFD6DF;
  padding-bottom: 10px;
  display: block;
}


/* HP blok s produkty */

#title-products.title-category {
  margin-top: 20px;
}
@media(max-width: 1199px) {
  #title-products.title-category {
    margin-top: 20px;
  }
}
@media(max-width: 767px) {
  #title-products.title-category {
    margin-top: 0;
  }
}

body .title-category h2 {
margin-bottom: 45px;
}

body #exTab2 .nav {
  margin-bottom: 30px
}


/** hover pro  buttony na homepage */

a.title-box-item-link {
font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: .4px;
  color: #5845D5;
  margin-top: 40px;
  display:block;
}
.special-offer-wrapper a:hover,
a.title-box-item-link:hover{
  color: #fff !important;
  border: 2px solid #5845D5;
  background-color: #5845D5;
}

.eshop-category-content .eshop-category-items .eshop-category-item:hover::after,
.eshop-category-content .eshop-category-items .eshop-category-item:focus::after {
  background-image:  url( /Client/Files/arrow-right-white.svg ); 
  background-color: #4CB227;
}
@media (max-width: 991px) {
  .eshop-category-content .eshop-category-items .eshop-category-item-name:hover,
  .eshop-category-content .eshop-category-items .eshop-category-item-name:focus {
    color: #4CB227;
    text-decoration-line: none;
  }
}

/* online kalkulace */
body .online-calculation {
  margin-top: 40px;
}
body .online-calculation .choose-product a {
  font-weight:700;
  border: 2px solid #4CB227;
  background: #fff;
  color: #4CB227;
}
body .online-calculation .choose-product a:hover {
  padding: 20px 24px;
  border-radius: 4px;
  background: #4CB227;
  color: #fff !important;
}
body .online-calculation .online-calculation-steps .step {
  width: 100%;
}
@media(min-width: 991px){
  body .online-calculation .online-calculation-steps .step {
    width: 15%;
    max-width: 323px;
    padding: 0 10px;
  }
}


/* fotogalerie HP */

.fotogalerie_reference_karusel h2{
  text-align: center;
  margin-bottom: 20px;
}

/** nasi klienti karusel 
 *  zbytek css v tiny-carousel-edited.css */
.nasi_klienti_carousel {
  width: 100%;
  position: relative;
  display: block;
  margin-bottom: 30px;
}
.nasi_klienti_carousel .nk_item{
  width: 20%;
  max-height: 35px;
  display:block;
}
.nk_item img {
  width:100%;
  max-width: 250px
}

@media(max-width: 767px) {
  .nk_item img {
    max-width: 200px
  }
}

/* nasi klienti */
#nasi_klienti {
  margin: 90px auto 65px;
}
@media(min-width:1200px) {
  #nasi_klienti {
    margin: 90px auto 40px;
  }
}

#nasi_klienti h2 {
  text-align:center;
  padding-bottom: 25px;
}

/* karusel */
body #fotogalerie_reference_carousel {
  margin-top: 0;
}
@media(max-width:900px) {
  body #fotogalerie_reference_carousel {
    margin-top: 30px;
  }
}

#fotogalerie_reference_carousel h2 {
  text-align: center;
  margin-top: 0;
}
.fgb_carousel_item img {
  width: 96%;
  height:auto;
  margin: 0 2%
}

#fotogalerie_reference_carousel .tns-controls {
  top: 100px !important;
  margin-bottom: 0;
  z-index: 500;
}
@media(max-width: 575px) {
  #fotogalerie_reference_carousel .tns-controls {
    top: 80px !important;
  }
}

#fotogalerie_reference_carousel button[data-action="stop"],
#fotogalerie_reference_carousel button[data-action="start"]{
  display:none
}


/* fotogalerie u produkutu */
    .fotogalerie_blok .fgb_wrapper {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      width: 100%;
    }
    .fotogalerie_blok .fgb_item {
      display: block;
      width: 25%;
      margin: auto;
      background: green;
    }
    @media(max-width: 767px) {
        .fotogalerie_blok .fgb_item {
            display: block;
            width: 50%;
            margin: auto;
            background: green;
        }
    }
    .fotogalerie_blok a,
    .fotogalerie_blok img
    {
        display: block;
        width:100%;
    }


/**  patka  */


footer .footer {
  display:flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  margin-top: 20px;
}

footer .footer h6 {
  margin: 40px 0 22px;

}

.footer-info-phone a,
.footer-info-email a{
    width: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-content: flex-start;
}

body footer .footer .offer-products {
  column-count: 1;
}

footer .footer .offer-products ul li a,
footer .footer .useful-links ul li a {
  font-size: 14px;
  text-decoration: none;
  line-height: 16.97px;
  letter-spacing: .4px;
} 
footer .footer .offer-products ul li a:hover,
footer .footer .useful-links ul li a:hover {
  text-decoration: underline;
  font-weight: 700;
} 

footer .footer .collection-points .collection-point-title a {
  text-decoration: none;
  font-size: 18px;
  margin-left: 10px;
}
footer .footer .collection-points .collection-point-title a:hover {
  text-decoration: underline;
}
footer .footer .collection-points .collection-point-title img {
  margin-top: -5px;
}
footer .footer .collection-points .collection-point-text {
  margin-top: 2px;
}

@media(max-width:619px) {
  footer .footer .footer-block-contact h6 {
    margin-top: 10px;
  }
  .footer-block-contact .footer-info {
    width:100%;

  }
  .footer-info-brands.social {
    margin-bottom: 0;
  }
}

footer .footer .footer-info-phone a, 
footer .footer .footer-info-email a {
  letter-spacing: .4px;
  text-decoration: none;
  color: #5845D5;
}
footer .footer .footer-info-phone a:hover, 
footer .footer .footer-info-email a:hover {
  text-decoration:underline;
}
footer .footer .footer-info-phone h4, 
footer .footer .footer-info-email h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
footer .footer-info-text span {
  font-size: 14px;
}

footer .footer-info-brands.social {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.footer_social_icon.facebook,
.footer_social_icon.instagram,
.footer_social_icon.linkedin {
  display: block;
  width:32px;
  height:32px;
  bacground-position:center;
  background-repeat: none;
}
.footer_social_icon.facebook {
  background: url('/Client/Files/patka/facebook.svg');
}
.footer_social_icon.facebook:hover {
  background: url('/Client/Files/patka/facebook_hover.svg');
}
.footer_social_icon.instagram {
  background: url('/Client/Files/patka/instagram.svg');
}
.footer_social_icon.instagram:hover {
  background: url('/Client/Files/patka/instagram_hover.svg');
}
.footer_social_icon.linkedin {
  background: url('/Client/Files/patka/linkedin.svg');
  margin-left: 6px;
}
.footer_social_icon.linkedin:hover {
  background: url('/Client/Files/patka/linkedin_hover.svg');
}

@media (min-width: 768px) {
  .footer-block {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  body footer .footer .col-xs-12 {
    border:0;
  }
  .shipping-footer-wrapper,
  .payment-footer-wrapper,
  .address-footer-wrapper {
    display:none;
  }
}


.footer-shipping-block,
.footer-payment-block,
.footer-address-block {
  border-top: solid 1px #CFD6DF;
}

.footer-shipping-block ul,
.footer-payment-block ul {
  padding: 0
}

.footer-shipping-block li,
.footer-payment-block li {
  list-style-type: none;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .footer-shipping-block li,
  .footer-payment-block li {
    justify-content: flex-start;
  }
}

.footer-shipping-block li img,
.footer-payment-block li img {
  max-height: 17px;
  margin-right: 13px
}

.footer-shipping-block .footer-text,
.footer-payment-block .footer-text {
  margin-bottom: 0;
}

.footer-text-small {
  font-size: 13px !important;
}

@media(max-width: 1199px) {
  .footer-text-small {
    line-height:1.2em
  }


}
@media(max-width:767px) {
  footer .footer .footer-title {
    padding: 20px 5px;
  }
  .contact-block_inner_wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
  }
}

@media(max-width:992px) and (max-width:1199px){
  .contact-block_inner_wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
  }
}

/* konec patky */